<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title></title>
<link rel="stylesheet" href="../layui/css/layui.css">
<link rel="stylesheet" href="../css/general.css">
<link rel="stylesheet" href="../css/staff/management.css">
</head>
<body class="layui-layout-body">
<div id="bank-card" class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo"><img src="../img/common/logo.jpg" alt=""></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<h1>魔力公寓</h1>
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item"> <a href="javascript:;">{{userinfo.loginName}}<img src="../img/common/icon07.gif" class="layui-nav-img"></a>
				<dl class="layui-nav-child">
					<dd><a href="../staff/modify_password.html"><img src="../img/common/icon08.png" alt=""><span>修改密码</span></a></dd>
					<dd><a href="../staff/bank_card.html"><img src="../img/common/icon09.png" alt=""><span>银行卡信息</span></a></dd>
					<dd><a href="javascript:;" @click.stop="doLogout"><img src="../img/common/icon10.png" alt=""><span>安全退出</span></a></dd>
				</dl>
			</li>
		</ul>
	</div>
	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll"> 
			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
			<ul class="layui-nav layui-nav-tree"  lay-filter="test">
				<li class="layui-nav-item"><a href="../survey/index.html"><img src="../img/common/icon01.png" alt="">概况</a></li>
				<li class="layui-nav-item"><a href="../rental/index.html"><img src="../img/common/icon02.png" alt="">租务</a></li>
				<li class="layui-nav-item"><a href="../financial_affairs/index.html"><img src="../img/common/icon03.png" alt="">财务</a></li>
				<li class="layui-nav-item"><a href="../reports/index.html"><img src="../img/common/icon04.png" alt="">报表</a></li>
				<li class="layui-nav-item"><a href="../separate_accounts/index.html"><img src="../img/common/icon05.png" alt="">分账</a></li>
				<li class="layui-nav-item on"><a href="../staff/index.html"><img src="../img/common/icon06.png" alt="">员工</a></li>
			</ul>
		</div>
	</div>
	<div class="layui-body"> 
		<!-- 内容主体区域 -->
		<div class="leftContent">
			<p class="layui-title">帐户管理</p>
			<ul class="layui-menu">
				<li><a href="modify_password.html">修改密码</a></li>
				<li><a href="bank_card.html" class="on">银行卡信息</a></li>
			</ul>
		</div>
		<div class="rightContent">
			<div class="section">
				<p class="page-title">银行卡信息<span class="tips">（未绑定成功）</span>
					<button v-if="!acctInfo" @click.prevent="openBindCard" class="layui-btn">马上绑定</button>
				</p>
				<div v-if="!acctInfo" class="binding-card absence">
					<p>暂未绑定银行卡</p>
				</div>
				<div v-if="show=='unbound'" class="unbound">
					<div class="binding-card">
						<dl class="clearfix">
							<dt>类型</dt>
							<dd v-text="acctInfo.acctType==1?'个人账户':'企业账户'">公司账户</dd>
							<dt>开户银行</dt>
							<dd v-text="acctInfo.acctOpenBranchName">中国银行</dd>
							<dt>银行账号</dt>
							<dd v-text="acctInfo.bankacctId">*********9576</dd>
						</dl>
					</div>
					<p class="note"> 我们给上方银行账户汇入一笔数额随机的验证码，<br>
						在此处填写该金额进行验证。</p>
					<div class="validate">
						<input type="text" name="validate" required lay-verify="required" placeholder="请输入验证金额" autocomplete="off" class="layui-input">
						<button class="layui-btn">验证</button>
					</div>
				</div>
				<div v-if="acctInfo" class="binding-card success">
					<dl class="clearfix">
						<dt>类型</dt>
						<dd v-text="acctInfo.acctType==1?'个人账户':'企业账户'">公司账户</dd>
						<dt>开户银行</dt>
						<dd v-text="acctInfo.acctOpenBranchName">中国银行</dd>
						<dt>银行账号</dt>
						<dd v-text="acctInfo.bankacctId">*********9576</dd>
					</dl>
				</div>
				<div v-show="show=='bindAccount'" class="bind-account">
					<div class="close"><img @click="show=''" src="../img/common/close_img.gif" alt=""></div>
					<p class="title">绑定提现账户</p>
					<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
						<ul class="layui-tab-title">
							<li @click.prevent="isPersonal=true" class="layui-this">个人</li>
							<li @click.prevent="isPersonal=false">企业</li>
						</ul>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<form class="layui-form" action="">
									<dl class="clearfix">
										<dt>姓名</dt>
										<dd>
											<input v-model.trim="card.name" type="text" placeholder="请输入姓名" autocomplete="off" class="layui-input">
										</dd>
										<dt>身份证号</dt>
										<dd>
											<input v-model.trim="card.idNumber" type="text" placeholder="请输入身份证号" autocomplete="off" class="layui-input">
										</dd>
										<dt>开户行</dt>
										<dd>
											<select v-model="card.sBankCode">
												<option value="">请选择开户行</option>
												<option v-for="b in bankList" v-text="b.bankName" :value="b.sBankCode">中国银行</option>
												<!--<option>中信银行</option>
												<option>广发银行</option>-->
											</select>
										</dd>
										<dt>银行账号</dt>
										<dd>
											<input v-model.trim="card.bankNumber" type="text" placeholder="请输入银行账号" autocomplete="off" class="layui-input">
										</dd>
										<dt>银行预留手机号</dt>
										<dd>
											<input v-model="card.phone" type="text" placeholder="请输入银行预留手机号" autocomplete="off" class="layui-input">
										</dd>
										<dt>验证码</dt>
										<dd>
											<input type="text" placeholder="请输入验证码" autocomplete="off" class="layui-input">
											<button class="layui-btn"> 获取验证码</button>
										</dd>
									</dl>
									<ul class="submit clearfix">
										<li>
											<button class="layui-btn layui-btn-primary layui-btn-primary02" lay-submit lay-filter="formDemo">取消</button>
										</li>
										<li>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">绑定</button>
										</li>
									</ul>
								</form>
							</div>
							<div class="layui-tab-item">
								<form class="layui-form" action="">
									<dl class="clearfix">
										<dt>公司名称</dt>
										<dd>
											<input type="text" name="company-name" required lay-verify="required" placeholder="请输入公司名称" autocomplete="off" class="layui-input">
										</dd>
										<dt>营业执照号</dt>
										<dd>
											<input type="text" name="business-license" required lay-verify="required" placeholder="请输入营业执照号" autocomplete="off" class="layui-input">
										</dd>
										<dt>绑定手机号</dt>
										<dd>
											<input type="text" name="phone-number02" required lay-verify="required" placeholder="请输入绑定手机号" autocomplete="off" class="layui-input">
										</dd>
										<dt>验证码</dt>
										<dd>
											<input type="text" name="verification-code02" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
											<button class="layui-btn">获取验证码</button>
										</dd>
										<dt>开户行</dt>
										<dd>
											<select name="account-bank" lay-verify="">
												<option value="">请选择开户行</option>
												<option v-for="b in bankList" v-text="b.bankName" :value="b.sBankCode">中国银行</option>
												<!--<option>中信银行</option>
												<option>广发银行</option>-->
											</select>
										</dd>
										<dt>银行账号</dt>
										<dd>
											<input type="text" name="bank-account02" required lay-verify="required" placeholder="请输入银行账号" autocomplete="off" class="layui-input">
											<p class="note">我们将会给该银行账户汇入一笔数额随机的验证码，收到款后请回到本页面填写该金额进行验证。</p>
										</dd>
									</dl>
									<ul class="submit">
										<li>
											<button class="layui-btn layui-btn-primary layui-btn-primary02" lay-submit lay-filter="formDemo">取消</button>
										</li>
										<li>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="formDemo">打款验证</button>
										</li>
									</ul>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="../layui/layui.js"></script>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/moment.min.js"></script>
<script src="../js/storejson2.min.js"></script>
<script src="../js/mock.js"></script>
<script src="../js/mockdata.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/vue.global.js"></script>
<script src="../js/staff/bankCard.js"></script>
<!--<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});


//Demo
layui.use('form', function(){
  var form = layui.form;
  
  //监听提交
  form.on('submit(formDemo)', function(data){
    layer.msg(JSON.stringify(data.field));
    return false;
  });
});

</script>-->
</body>
</html>